<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // 方法一 拿第一个和后面所有的比较，如果后面有，则删掉后面那一个
        var arr1 = [1, 5, 6, 8, 4, 5, 3, 9, 7, 2, 6];
        for (var i = 0; i < arr1.length; i++) {
            for (var j = i + 1; j < arr1.length; j++) {
                if (arr1[i] == arr1[j]) {
                    arr1.splice(j, 1)
                }
            }
        }
        console.log(arr1);

        // 方法二 声明一个空数组，如果新的数组中没有，则添加，如果新的数组中有，那么不添加
        var arr2 = [1, 5, 6, 8, 4, 5, 3, 9, 7, 2, 6];
        var arr3 = [];
        for (var i = 0; i < arr2.length; i++) {
            if (arr3.indexOf(arr2[i]) == -1) {
                arr3.push(arr2[i])
            }
        }
        console.log(arr3);

        //方法三 reduce方法
        let arr4 = [1, 2, 3, 4, 4, 1]
        //执行了6次
        let newArr = arr4.reduce((pre, cur) => {   //如果给初始值，pre的值为初始值，如果不给初始值，值为上一次返回的数值
            // console.log(pre);
            if (!pre.includes(cur)) {
                return pre.concat(cur)
            } else {
                return pre
            }
        }, []);
        console.log(newArr); // [1, 2, 3, 4]
    </script>
</body>

</html>